import React, { Component } from 'react'
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
  Button,
} from 'react-native'

export default class index extends Component {
  render() {
    return (
      <View style={[styles.container]}>
        <ScrollView>
          <Text style={{ fontSize: 50 }}>生活就像海洋，只有意志坚强的人才能到达彼岸。————马克思</Text>
          <Text style={[{ fontSize: 50 }, { color: '#5e7ce0' }]}>生命不止，奋斗不息。————托马斯·卡莱尔</Text>
          <Text style={[styles.h1]}>读书破万卷，下笔如有神。————杜甫</Text>
          <Text style={[styles.h2]}>千里之行，始于足下。————老子</Text>
          <Text style={[styles.h3, { color: '#5e7ce0' }]}>志高存高远。————诸葛亮</Text>
        </ScrollView>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  h1: {
    fontSize: 35,
    fontWeight: 'bold'
  },
  h2: {
    fontSize: 30,
    fontWeight: 'bold',
    color: '#822'
  },
  h3: {
    fontSize: 25,
    fontWeight: 'bold'
  },
})
